﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>USER CENTER</title>
		<%@ include file="/share/include.jsp" %>
		<!-- <script src="js/jquery.min.js"></script> -->
   		 <meta name="viewport" content="width=device-width, initial-scale=1">
		 <script type="application/x-javascript"> 
			addEventListener("load", function() { 
				setTimeout(hideURLbar, 0); 
			}, false); 
			function hideURLbar(){ 
				window.scrollTo(0,1); 
			} 
		</script>
	</head>
	<body>
		<!-- container -->
		<!-- header -->
		<div class="header">
			<%@ include file="/control/jsp/layout/header.jsp" %>
			<!-- /bottom-header -->
		</div>
		<!-- header -->
		<!--- top-nav -->
			<%@ include file="/control/jsp/layout/userMenu.jsp" %>
		<!--- top-nav -->
		<!-- Product-Details-page -->
		<div class="details-page">
			<div class="content details-page">
				<div class="product-details">
					<div class="container">
						<div class="details-left" style="width: 70%;">
						  <div class="tab_1" style="float: left; width: 100%;height: 300px;">
							<ul class="tab_1_r" style="padding: 20px;width: 240px;float: left;">
							  <li>
							  	<c:if test="${not empty user.userHead}">
									<img src="${imageService }${user.userHead}" style="width: 200px;height: 200px;"/>
								</c:if>
								<c:if test="${empty user.userHead}">
									<img src="${root}/images/user_logo.png" height="200" width="200" />
								</c:if>
							  </li>
							</ul>
							<ul class="tab_1_l" style="float: right;width: 500px;">
							  <li class="tab_t">
							  	<img src="${root}/images/right.png" height="30" width="30" />${user.userName }，Welcome!
							  </li>
							  <li style="padding-left:46px;">You can order in the management of your, viewing and processing letter station etc.!</li>
							  <li style="margin: 40px;">Please visit the web site more demand of home improvement<input type="button" class="btn2 p-btn" onClick="location.href='${root }/control/layoutController/displayIndex.do?${cityValue}'" style="cursor:pointer;" value="Browse the web site" /></li>
							</ul>
						  </div>
						  <div class="tab_2">
						    <ul>
							  <li onClick="location.href='${root }/control/order/orderItemController/userOrderExecutionList.do?orderUserId=${userSession.userId}'"><img src="${root}/images/img_3.png" /><span>Orders</span></li>
							  <li onClick="location.href='${root }/control/letter/letterController/userUnreadLetterList.do?letterUserId=${userSession.userId}'"><img src="${root}/images/img_1.png" /><span>Letters</span></li>
							</ul>
						  </div>
						</div>
						<div class="details-right" style="width: 230px;">
							<c:if test="${not empty casesPageView.records }">
				       			<c:forEach items="${casesPageView.records }" var="cases" begin="0" end="2">
				       				<div class="item" style="margin: 20px 22px 20px 5px;">
					                	<div onClick="location.href='${root }/control/layoutController/displayCaseDetail.do?caseId=${cases.caseId }&${cityValue }';" class="product-grid">
											<div class="product-pic">
												<c:if test="${not empty cases and not empty cases.picList }">
							  						<c:forEach items="${cases.picList }" var="pic" begin="0" end="0">
							  							<img src="${imageService }${pic.picPath}" title="${cases.caseTitle }" alt="${cases.caseTitle }"  style="height: 200px;width: 198px;"  />
							  						</c:forEach>
							  					</c:if>
							  					<c:if test="${empty cases or empty cases.picList }">
							  						<img src="${imageService }${cases.caseTitle}" title="${cases.caseTitle }" alt="${cases.caseTitle }"  style="height: 200px;width: 198px;"  />
							  					</c:if>
											</div>
											<div class="product-pic-info">
												<h3><a href="#">${cases.caseTitle }</a></h3>
												<h4><a href="#">${cases.caseArea}㎡&nbsp;&nbsp;${cases.caseHouseType}</a></h4>
												<div class="product-pic-info-price-cart">
													<div class="product-pic-info-price">
														<span>$ ${cases.casePrice}</span>
													</div>
													<div class="product-pic-info-cart">
													</div>
													<div class="clearfix"> </div>
												</div>
											</div>
										</div>
					                </div>
				       			</c:forEach>
				       		</c:if>
						</div>
						<div class="clearfix"> </div>
					</div>
			    </div>
		    </div>
		</div>
		<!-- /Product-Details-page -->
		<!-- footer -->
		<%@ include file="/control/jsp/layout/footer.jsp" %>
</body>
</html>

